Mikmak View Category CreatingOne View

Probleem

In Mikmak UnitBase Editing wireframe omzetten naar HTML hebben we gezien hoe je de mockup omzet in een html. We voegen nu de php code toe om de gegevens uit het model op de pagina te tonen. Die code nemen we over van de Editing view page.

We voegen vervolgens de use cases toe die de gebruiker hier kan uitvoeren.

Design

We hebben twee use case te implementeren:

1. de nieuwe gegevens inserten in de database:

   <button type="submit" value="Category-createOne" name="uc">
       <span class="icon-disk"></span>
       <span class="screen-reader-text">Opslaan</span></button>
   

2. annuleren

   <a href="index.php?uc=Category-editing">
       <span class="icon-close"></span><span
           class="screen-reader-text">Sluiten</span></a>

Oplossing

Kopieer de volgende code in een bestand met de naam View/Category/CreatingOne.php:

<!--  editing Template for Category entity
 modernways.be
 created by an orm apart
 Entreprise de modes et de manières modernes
 created on Sunday 24th of January 2016 11:56:06 AM
 file name modernways/Webshop/src/AnOrmApart/View/Category/Editing.php
-->
<div class="floor" id="second-floor" xmlns="http://www.w3.org/1999/html">
    <div class="control-panel">
        <a href="<index.php?uc=Admin-index" class="tile _14x1">
            <span class="icon-menu2"></span>
            <span class="screen-reader-text">Home</span>
        </a>
        <h1>Categorie</h1>
    </div>
    <form class="room" action="Index.php" method="post">
        <header>
            <h2>Categorie</h2>
            <div id="command-panel" class="command-panel">
                <button type="submit" value="Category-createOne" name="uc">
                    <span class="icon-disk"></span>
                    <span class="screen-reader-text">Opslaan</span></button>


                <a href="index.php?uc=Category-editing">
                    <span class="icon-close"></span><span
                        class="screen-reader-text">Sluiten</span></a>
            </div>
        </header>
        <div class="detail">
            <fieldset>
                <div>
                    <label for="Category-Name">Naam</label>
                    <input id="Category-Name" name="Category-Name" required
                           class="text" style="width: 32.5%;" type="text"/>
                </div>
                <div>
                    <label for="Category-Description">Beschrijving</label>
                <textarea id="Category-Description" name="Category-Description"
                          style="width: 40%"></textarea>
                </div>
            </fieldset>


        </div>
        <div class="feedback">
        </div>
        <?php $partialView('Category', 'ReadingAll', $model); ?>
    </form>
</div>
<?php $appStateView(); ?>

Resultaat